a:focus {
    outline: 1px dotted;
}
a:active, a:hover {
    outline: 0 none;
}
a:active {
    background-color: transparent;
}
a {
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
a {
    text-decoration: none;
}

.fr {
	float: right
}



.loading {
	margin: 10px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-animation: sk-rotate 2s infinite linear;
	animation: sk-rotate 2s infinite linear
}

.loading:after,.loading:before {
	content: '';
	width: 60%;
	height: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #F86;
	border-radius: 100%;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out
}

.loading:before {
	top: auto;
	bottom: 0;
	background-color: #31A1EC;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.atom-dialog-wrap,.atom-mask {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%
}

@-webkit-keyframes sk-rotate {
	100% {
		-webkit-transform: rotate3D(0,0,1,360deg);
		transform: rotate3D(0,0,1,360deg)
	}
}

@keyframes sk-rotate {
	100% {
		-webkit-transform: rotate3D(0,0,1,360deg);
		transform: rotate3D(0,0,1,360deg)
	}
}

@-webkit-keyframes sk-bounce {
	0%,100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%,100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

body {
	background-color: #f3f3f3
}

.body-white-bg {
	background: #fff
}

.body-wrap {
	font-size: .28rem;
	width: 7.5rem;
}

.atom-dialog-hide body,.atom-mask {
	width: 100%;
	position: fixed
}

.cl-brand {
	color: #f50!important
}

.cl-dark {
	color: #4a4a4a!important
}

.cl-grey {
	color: #9b9b9b!important
}

input:focus,textarea:focus {
	outline: 0
}

.atom-mask {
	background-color: rgba(34,34,34,.6);
	display: none;
	z-index: 3
}

.atom-mask-show {
	display: block
}

.atom-dialog-wrap {
	display: none;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.atom-dialog-wrap .atom-dialog {
	position: relative;
	background: #fff;
	border-radius: 5px
}

.atom-dialog-wrap .atom-dialog .atom-dialog-title {
	text-align: center;
	font-size: 20px;
	padding: 10px
}

.atom-dialog-wrap .atom-dialog .atom-dialog-content {
	padding: 10px 20px
}

.atom-dialog-wrap .atom-dialog .atom-dialog-close {
	position: absolute;
	right: 3%;
	top: 5%;
	color: #333;
	height: 20px;
	line-height: 20px
}

.atom-dialog-wrap .atom-dialog .atom-dialog-close:after {
	content: "\\D7";
	font-weight: 100;
	font-size: 20px
}

.atom-dialog-show {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.atom-dialog-bottom-close {
	position: absolute;
	bottom: -2.5rem;
	left: 5.2rem;
	width: 1.7rem;
	height: 1.7rem;
	background: url(//gw.alicdn.com/tps/TB1nv7dNFXXXXaNXXXXXXXXXXXX-76-76.png);
	background-size: 1.7rem
}

.mx-atom-goTop-mask {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 10px;
	bottom: 20px;
	z-index: 999
}

.mx-atom-goTop {
	position: fixed;
	width: 50px;
	height: 50px;
	background: url(//gw.alicdn.com/tps/TB1lNjTNFXXXXcQXFXXXXXXXXXX-168-168.png);
	background-size: 50px;
	right: 10px;
	bottom: 70px;
	z-index: 99999
}

::-webkit-input-placeholder {
	color: #d2d2d2;
	font-size: .28rem
}

:-moz-placeholder,::-moz-placeholder {
	color: #d2d2d2;
	font-size: .28rem
}

:-ms-input-placeholder {
	color: #d2d2d2;
	font-size: .28rem
}

.search-index-container {
	height: .82rem
}

.search-top-wrap {
	height: 2.42rem;
	position: relative
}

.search-top-wrap .search-top-wrap-inner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    width: 100%;
	max-width: 7.5rem;
	z-index: 999;
	background: #fff;
	transition: transform .5s;
	-moz-transition: transform .5s;
	-webkit-transition: transform .5s;
	-o-transition: transform .5s;
	    margin: 0 auto;
}

.search-top-wrap .inner-fixed-move {
	transform: translateY(-.82rem)
}

.sort-wrap {
	height: .76rem;
	width: 7.5rem;
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

.sort-wrap .sort-item {
	float: left;
	padding: 0 .1rem;
	width: 25%;
	height: .76rem;
	text-align: center;
	line-height: .76rem;
	font-size: .28rem;
	color: #4a4a4a;
	position: relative;
	box-sizing: border-box;
}

.sort-wrap .sort-comp.sort-comp-cur-down,.sort-wrap .sort-comp.sort-comp-cur-up,.sort-wrap .sort-item.sort-cur {
	color: #f50
}

.sort-wrap .sort-comp:before {
	border: .09rem solid transparent;
	border-top: .09rem solid rgba(74,74,74,.6);
	top: .39rem
}

.sort-wrap .sort-comp:after,.sort-wrap .sort-comp:before {
	width: 0;
	height: 0;
	position: absolute;
	content: " ";
	right: .26rem
}

.sort-wrap .sort-comp:after {
	border: .09rem solid transparent;
	border-bottom: .09rem solid rgba(74,74,74,.6);
	top: .19rem
}

.sort-wrap .sort-comp.sort-comp-cur-up:after {
	border-bottom: .09rem solid #f50
}

.sort-wrap .sort-comp.sort-comp-cur-down:before {
	border-top: .09rem solid #f50
}

.filter-wrap {
	width: 7.5rem;
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

.filter-wrap .filter-line {
	width: 100%;
	height: .81rem;
	line-height: .81rem;
	position: relative;
	font-size: 0
}

.filter-wrap .filter-line .filter-tag,.filter-wrap .filter-line .filter-tip,.filter-wrap .filter-line .filter-toggle {
	display: inline-block;
	vertical-align: middle
}

.filter-wrap .filter-line .filter-tag {
	width: .38rem;
	margin-left: .28rem;
	margin-top: -.02rem
}

.filter-wrap .filter-line .filter-tip {
	color: #4a4a4a;
	font-size: .28rem;
	margin-left: .15rem
}

.filter-wrap .filter-line .filter-toggle {
	background: #e1e1e1;
	width: .82rem;
	height: .46rem;
	position: absolute;
	right: .3rem;
	border-radius: 1rem;
	top: .17rem
}

.filter-wrap .filter-line .filter-toggle .filter-inner {
	width: .46rem;
	height: .46rem;
	border-radius: .23rem;
	background: #fff;
	box-shadow: 0 .01rem .02rem 0 #000;
	position: absolute;
	top: 0;
	left: -.02rem
}

.filter-wrap .filter-line .filter-toggle-chose {
	background: #f50
}

.filter-wrap .filter-line .filter-toggle-chose .filter-inner {
	left: .37rem
}

.search-wrap {
	width: 7.5rem;
	height: .81rem;
	background: #ebebeb
}

.search-container {
	width: 7rem;
	height: .54rem;
	margin: 0 .25rem;
	background: #fff;
	border-radius: 1rem;
	position: relative;
	top: .14rem;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: .04rem
}

.search-container .search-container-input {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExOEMxNEMyNjIxM0Q3RDcwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRkJBRTE3QUE5QzExMUU0QjY3REU3OEVERUU0QUZDQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRkJBRTE3OUE5QzExMUU0QjY3REU3OEVERUU0QUZDQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowZmVhZWVjYy0wZjNhLTQ2ODYtOWRiNS1iMzIzNDg4N2E1OGIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY4MDExNzQwNzIwNjgxMThDMTRDMjYyMTNEN0Q3MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz59j/UiAAADB0lEQVR42syYS0hUURjHZ2xMmwwss1UYushwSgPLKHvZroSoRQQpRYJNJGFFGS3CNuKuB9GmIoNeVgRlts0mFz0XlikEUkHWmAP2oBdZTf8Tf+FymfGecx/H+8HPz8V15uc5557zfSeYTCYDfo6Q+BGNRv0tqBjloBosA8VgJpgKPoFB0A+6wG3wXpegeK4WHAAlaZ6ZThaAzeAUJVvBY7uCGRLPLAJPQBvl4vzyjaAITANBkAcWgh3gBvgNNoCH4DzI9WIEd4GjIAu8As2gnV9ujhHyDJwB+WAfaATbwEoKP3drBJs5UpPBMTAfXEwjlyoS4BAoBU9BIYiBJW4I7gRHwCio40j8sLmMBkAluMpp7uTLZVtwMTgBxAa5nevHafwCNaCDb/01kG1HUKzJ05zWk+CSi1vaH0q+5LQftCNYyzfxtewHKMZXUM/ZaeKLpCS4n/kw+OnR4dDNqQ6DBhVBsd9FwBAXtJdxnHmriuA65usKW4nduM8Nv5CDIiVYyXxXQw3wl+e1iKWygvOYX2gqVHqZi2UF85iHNAnGmfNlBcPM3zUJjjJnygp+Yc7VJCg1IEbBt8wFmgSLmAdlBfsM+6GOKDd9r6XgPea1GuRywAoeeTFZwVs80KtZcXgZm8AUHnsJWcE4a7Us1n9exSQWCiLOqhYLrRz2vYZF7Hbs5qEgWogrqoKPwAUWk5dZF7oZZaCFvzfKnPmpKuo94A17hzZOiRtRwCUUZlPVabfk/wjWg89gC6ubHBcEz4HZHLUWp01TL7ebEfa/oi9e7lCwhrcOoq24I1NNW7WdD3i90cNFLWq4m2C1ZMNvjg+gihtzhOWWpWRQ3G5ZXB5lsz9pMpyfcdaNogkfBt/ADE5hBSujCtZ95pjFv41Qtmq8vVBG0PjBDbwlmGPxrNiqVnEjDjiRVBE0Rgkr8Lmm2613LHi7ObJW/7ClZMjmgu8nTkL8A2sMkl2pJDMCExvDVi/ORAuOXTKllfSD4LiSfhFMJdnuN0GjZGysVwkF/BcJnlb/458AAwDF9rlEQ9Q+3QAAAABJRU5ErkJggg==)!important;background-repeat: no-repeat;
	background-size: .3rem auto;
	background-position: .17rem .04rem;
	padding: 0 0.4rem 0 0.6rem;
	width: 100%;
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	position: relative;
	border: none
}

.search-container .close-icon {
	width: .24rem;
	height: .24rem;
	position: absolute;
	right: .2rem;
	top: .15rem
}

.search-rec-wrap {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	display: none;
	z-index: 999;
}

.search-rec-wrap .search-box {
	padding: .14rem .25rem;
	background: #ebebeb;
	box-sizing: border-box;
	height: .81rem;
	padding-left: 1.0rem;
}

.search-rec-wrap .search-box .input_form {
	display: inline-block;
	height: .54rem;
	background: #fff;
	border-radius: 1rem;
	padding-top: .04rem;
	box-sizing: border-box
}

.search-rec-wrap .search-box .search-box-input {
	width: 5.3rem;
	height: .5rem;
	line-height: .4rem!important;
	font-size: .28rem;
	box-sizing: border-box;
	border: none;
	background: .17rem .04rem no-repeat #fff;
	background-size: .3rem auto;
	padding: 0 .5rem 0 .2rem;
	-webkit-appearance: none;
	border-radius: 1rem;
	-webkit-tap-highlight-color: transparent;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExOEMxNEMyNjIxM0Q3RDcwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRkJBRTE3QUE5QzExMUU0QjY3REU3OEVERUU0QUZDQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRkJBRTE3OUE5QzExMUU0QjY3REU3OEVERUU0QUZDQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowZmVhZWVjYy0wZjNhLTQ2ODYtOWRiNS1iMzIzNDg4N2E1OGIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY4MDExNzQwNzIwNjgxMThDMTRDMjYyMTNEN0Q3MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz59j/UiAAADB0lEQVR42syYS0hUURjHZ2xMmwwss1UYushwSgPLKHvZroSoRQQpRYJNJGFFGS3CNuKuB9GmIoNeVgRlts0mFz0XlikEUkHWmAP2oBdZTf8Tf+FymfGecx/H+8HPz8V15uc5557zfSeYTCYDfo6Q+BGNRv0tqBjloBosA8VgJpgKPoFB0A+6wG3wXpegeK4WHAAlaZ6ZThaAzeAUJVvBY7uCGRLPLAJPQBvl4vzyjaAITANBkAcWgh3gBvgNNoCH4DzI9WIEd4GjIAu8As2gnV9ujhHyDJwB+WAfaATbwEoKP3drBJs5UpPBMTAfXEwjlyoS4BAoBU9BIYiBJW4I7gRHwCio40j8sLmMBkAluMpp7uTLZVtwMTgBxAa5nevHafwCNaCDb/01kG1HUKzJ05zWk+CSi1vaH0q+5LQftCNYyzfxtewHKMZXUM/ZaeKLpCS4n/kw+OnR4dDNqQ6DBhVBsd9FwBAXtJdxnHmriuA65usKW4nduM8Nv5CDIiVYyXxXQw3wl+e1iKWygvOYX2gqVHqZi2UF85iHNAnGmfNlBcPM3zUJjjJnygp+Yc7VJCg1IEbBt8wFmgSLmAdlBfsM+6GOKDd9r6XgPea1GuRywAoeeTFZwVs80KtZcXgZm8AUHnsJWcE4a7Us1n9exSQWCiLOqhYLrRz2vYZF7Hbs5qEgWogrqoKPwAUWk5dZF7oZZaCFvzfKnPmpKuo94A17hzZOiRtRwCUUZlPVabfk/wjWg89gC6ubHBcEz4HZHLUWp01TL7ebEfa/oi9e7lCwhrcOoq24I1NNW7WdD3i90cNFLWq4m2C1ZMNvjg+gihtzhOWWpWRQ3G5ZXB5lsz9pMpyfcdaNogkfBt/ADE5hBSujCtZ95pjFv41Qtmq8vVBG0PjBDbwlmGPxrNiqVnEjDjiRVBE0Rgkr8Lmm2613LHi7ObJW/7ClZMjmgu8nTkL8A2sMkl2pJDMCExvDVi/ORAuOXTKllfSD4LiSfhFMJdnuN0GjZGysVwkF/BcJnlb/458AAwDF9rlEQ9Q+3QAAAABJRU5ErkJggg==)!important
}

.search-rec-wrap .search-box .search-box-input::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.search-rec-wrap .search-box .search-cancle {
	padding-left: .2rem;
	padding-right: .05rem;
	margin-right: .2rem;
	color: #666;
	height: .5rem;
	width: .7rem;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: -.1rem;
	top: .15rem;
	background:#f50;
	color:#ffffff;
	border-radius: 1rem;
	line-height: .5rem;
}

.search-rec-wrap .search-box .search-back {
	padding-left: .2rem;
	color: #666;
	height: .5rem;
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: -.0rem;
	top: .15rem;
	line-height: .5rem;
}

.search-rec-wrap .search-box .search-reset {
	left: 5.8rem;
	position: absolute;
	top: .27rem;
	width: .25rem
}

.search-rec-wrap .search-suggest {
	background: #fff
}

.search-rec-wrap .search-history {
	display: none
}

#J_view_list {
	min-height: 7.5rem
}

.search-suggest-container {
	padding: 0
}

.search-suggest-container .suggest-wrap {
	padding-left: .32rem;
	display: block
}

.search-suggest-container .suggest-item {
	height: .9rem;
	line-height: .9rem;
	width: 7.2rem;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #e5e5e5;
	color: #4a4a4a
}

.js-hide {
	display: none!important
}

.waterfall-status-done,.waterfall-status-error {
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	color: #4a4a4a
}

.waterfall-status-loading {
	height: 50px;
	text-align: center;
	padding-top: 15px
}

.waterfall-status-loading .loading-icon {
	display: inline-block;
	background: url(../images/loding.gif) 50% no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	margin-right: 10px
}

.waterfall-status-loading .loading-text {
	position: relative;
	top: -5px;
	color: #9b9b9b
}

.history-wrap {
	width: 7.5rem;
	height: 3rem;
	background: #fff;
	position: relative;
	overflow: hidden
}

.history-wrap .history-top {
	font-size: .26rem;
	color: #4a4a4a;
	text-align: left;
	padding-left: .35rem;
	padding-top: .2rem
}

.history-wrap .history-clear {
	position: absolute;
	top: .25rem;
	right: .32rem;
	width: .4rem
}

.history-wrap .history-lists {
	padding-left: .32rem;
	padding-top: .17rem
}

.history-wrap .history-lists .history-item {
	font-size: .24rem;
	color: #4a4a4a;
	text-align: left;
	float: left;
	padding: .1rem .19rem;
	background: #f7f7f7;
	border-radius: 1rem;
	margin-right: .16rem;
	margin-bottom: .16rem;
	max-width: 4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden
}

.history-wrap .history-empty {
	text-align: center;
	color: #e7e7e7;
	padding: .3rem
}

.no-result {
	width: 7.5rem;
	text-align: center;
	overflow: hidden;
	background: #f3f3f3;
	border-top: 1px solid #e5e5e5
}

.no-result .no-result-tag {
	width: .25rem;
	height: .2rem;
	display: block;
	margin: .35rem auto .1rem
}

.no-result .no-result-text {
	color: #9b9b9b;
	font-size: .24rem;
	margin-bottom: .15rem;
	display: block
}

.item-list-wrap .item-detail:last-child .item-right {
	border-bottom: none!important
}

.item-list-wrap .item-detail {
	width: 7.5rem;
	height: 2.32rem;
	box-sizing: border-box;
	position: relative;
	background: #fff
}

.item-list-wrap .item-img {
	width: 2.2rem;
	height: 2.2rem;
	position: absolute;
	top: .04rem;
	left: 0;
	overflow: hidden
}

.item-list-wrap .item-img img {
	width: 2.2rem
}

.item-list-wrap .item-right {
	margin-left: 2.2rem;
	line-height: 1;
	height: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	padding-left: .2rem
}

.item-list-wrap .item-right .item-title {
	font-size: .26rem;
	height: .4rem;
	line-height: .4rem;
	width: 3.8rem;
	color: #4a4a4a;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: .2rem;
	margin-bottom: .1rem
}

.item-list-wrap .item-right .item-title .title-tmall-tag {
	width: .29rem;
	vertical-align: -1px;
	margin-right: .05rem;
	position: relative;
	top: .03rem
}

.item-list-wrap .item-right .item-line {
	display: block;
	margin-bottom: .2rem
}

.item-list-wrap .item-right .item-line .line-group {
	margin-right: .44rem;
	margin-bottom: .04rem;
	color: #9b9b9b;
	font-size: .24rem;
	position: relative;
	vertical-align: middle
}

.item-list-wrap .item-right .item-line .coupon-tag-wrap {
	margin-right: .11rem;
	height: 17px;
	line-height: 17px;
	display: inline-block;
	padding-left: .35rem;
	border: 1px solid #f50;
	border-radius: 3px;
	padding-right: .05rem;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	box-sizing: border-box
}

.item-list-wrap .item-right .item-line .coupon-tag-wrap .coupon-tag {
	width: .325rem;
	height: 20px;
	position: absolute;
	border-radius: 0;
	left: 0;
	top: -1px;
	text-align: center;
	background: #f50;
	color: #fff
}

.item-list-wrap .item-right .item-line .coupon-tag-wrap .coupon-price {
	color: #f50;
	position: relative;
	top: -1px
}

.item-list-wrap .item-right .item-handle {
	width: 1.7rem;
	position: absolute;
	top: .66rem;
	right: .095rem;
	color: #ff5400;
	display: inline-block;
	text-align: center
}

.item-list-wrap .item-right .item-handle-img {
	width: .76rem;
	height: .76rem;
	display: block;
	margin: 0 auto
}

.item-list-wrap .item-right .item-handle-text {
	display: inline-block;
	color: #ff5400;
	font-size: .24rem;
	text-align: center;
	margin: .1rem auto
}

.nb-before:before {
    width: 0;
    height: 0;
    position: absolute;
    content: " ";
    right: .26rem;
	border: .09rem solid transparent;
    border-top: .09rem solid rgba(74,74,74,.6);
    top: .39rem;
}
.nb-before:after {
    border: .09rem solid transparent;
    border-bottom: .09rem solid #f50;
    top: .19rem;
	width: 0;
    height: 0;
    position: absolute;
    content: " ";
    right: .26rem;
}
.nb-after:before {
    width: 0;
    height: 0;
    position: absolute;
    content: " ";
    right: .26rem;
	border: .09rem solid transparent;
    border-top: .09rem solid #f50;
    top: .39rem;
}
.nb-after:after {
    border: .09rem solid transparent;
    border-bottom: .09rem solid rgba(74,74,74,.6);
    top: .19rem;
	width: 0;
    height: 0;
    position: absolute;
    content: " ";
    right: .26rem;
}

.search-reset {
    display: inline-block;
    width: .54rem;
    height: .25rem;
    border: none;
    background: 0 0;
    text-align: center;
    line-height: .25rem !important;
	font-size: .25rem;
}

.tbcolor{

color:#f50;
}